第一步當然是先安裝 rails-18n gem

接著建立導覽列可以在以下連結複製貼上即可：https://getbootstrap.com/docs/4.3/components/navbar/

如果用Rails 6的框架的話，參考以下連結文章：Introducing jQuery in Rails 6

安裝成功的話，就會看到以下畫面並且可以點選Dropdown內的Action

接者在 config/application.rb 裡面可設定 locale

config.i18n.default_locale = "zh-TW"

接著在 application_controller.rb 裡設定以下四個 methods:

before_action :set_locale
around_action :switch_locale

# 設定語系
def set_locale
  I18n.locale = params[:locale] || I18n.default_locale
end

# 語系切換
def switch_locale(&action)
  locale = params[:locale] || I18n.default_locale
  I18n.with_locale(locale, &action)
end

#使用者選擇語系後可持續在其他頁面使用該語系
def default_url_options(options = {})
  { :locale => I18n.locale }.merge options
end

# 從子網域取得locale code
def extract_locale_from_tld
  parsed_locale = request.subdomains.first
  I18n.available_locales.map(&:to_s).include?(parsed_locale) ?      
  parsed_locale : nil
end

在 navbar 的程式碼裡 修改為如下圖

下一步再把 index 的頁面文字部分修改一下

最後在config/locales 建立 zh-TW.yml 及 en.yml 及設定相對應的翻譯文字


完成後大約是這樣（簡易版），可選擇中文或是English版本

參考資料：

Ruby on Rails 實戰聖經 i18n
Rails Internationalization (I18n) API - Ruby on Rails Guides
JuanitoFatas/Guides